$(function(){
    $('.s2-d2').hover(function(){
        $('.s2img').children('img').css({"width":"120%","height":"120%"})
    },function(){
        $('.s2img').children('img').css({"width":"80%","height":"80%"})
    })


    $('#s3img1').hover(function(){
        $(this).css('transform',"scale(1.4)")
    },function(){
        $(this).css('transform',"scale(1)")
    })

    $('#s3img2').hover(function(){
        $(this).css('transform',"scale(1.4)")
    },function(){
        $(this).css('transform',"scale(1)")
    })

    $('#s3img3').hover(function(){
        $(this).css('transform',"scale(1.4)")
    },function(){
        $(this).css('transform',"scale(1)")
    })

    $('#s3img4').hover(function(){
        $(this).css('transform',"scale(1.4)")
    },function(){
        $(this).css('transform',"scale(1)")
    })

    $('#s3img5').hover(function(){
        $(this).css('transform',"scale(1.4)")
    },function(){
        $(this).css('transform',"scale(1)")
    })



    $('.yinying').hover(function(){
        $(this).children().children('div').stop(false).fadeOut(500)
    },function(){
        $(this).children().children('div').stop(false).fadeIn(500)
    })



    $("#top").hide();
$(window).bind("scroll",function(){
if($(window).scrollTop()<=300){
$("#top").hide();
}
else{
$("#top").show();
}
});
$("#top").bind("click",function(){
$("html,body").animate({scrollTop:0},300);
})
})